.root {
  flex: 1;
  border: 1px solid #eee;
  margin-left: 10px;
  display: flex;
  flex-flow: column;
  .menuTitleWrapper {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    .title {
      font-weight: bold;
      // color: darkorange;
    }
  }
  .menuTable {
    flex: 1;
    width: 100%;
    position: relative;
    display: flex;

    .left {
      width: 200px;
      border-top: 1px solid #eee;
      border-right: 1px solid #eee;
      // max-height: 416px;
      // overflow-y: auto;
      padding: 5px;
    }
    .right {
      flex: 1;
      border-top: 1px solid #eee;
      padding: 10px;
    }
  }
  :global {
    // .ant-tree-checkbox {
    //   position: absolute;
    //   right: 220px;
    // }
    .ant-divider-horizontal {
      margin: 10px 0;
    }
    // .ant-tree-switcher-line-icon {
    //   color: orange;
    // }
    // .ant-checkbox-indeterminate .ant-checkbox-inner::after {
    //   background-color: orange;
    // }
    // .ant-checkbox-checked .ant-checkbox-inner {
    //   background-color: orange;
    //   color: orange;
    // }
    // .ant-checkbox-checked .ant-checkbox-inner,
    // .ant-checkbox-checked::after {
    //   border-color: orange;
    // }
    // .ant-checkbox-wrapper:hover .ant-checkbox-inner,
    // .ant-checkbox:hover .ant-checkbox-inner,
    // .ant-checkbox-input:focus + .ant-checkbox-inner {
    //   border-color: orange;
    // }
  }
}
